<template>
  <div>
    <van-nav-bar title="订单详情" left-text="返回" left-arrow @click-left="onClickLeft" />
    <div>
      <div class="deta_list">
        <van-cell-group>
          <van-cell title="交易单号" value="LY5555231684621654621" />
          <van-cell title="下单时间" value="2020005-25 21:15:03" />
          <van-cell title="油站名称" value="中国石化" />
          <van-cell title="地址" value="信阳加油站" />
          <van-cell title="油号" value="2号枪" />
          <van-cell title="加油金额" value="￥999" />
          <van-cell title="合计支付" value="￥999" />
          <van-cell title="微信小程序支付" value="￥999" />
        </van-cell-group>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      form: {}
    }
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1)
    }
  }
}
</script>

<style lang="scss" scoped>
.all_box {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  .deta_all_cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
    .title {
      color: #606266;
    }
    .title_pic {
      color: red;
    }
  }
}
.deta_all {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;

  .title {
    font-size: 14px;
    color: #606266;
    font-size: 14px;
  }
}
.deta_list {
  // padding: 20px;
  .deta_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
    .title {
      color: #606266;
    }
  }
}
</style>
